﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoal</title>
<!--script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script-->
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="scripts/jquery.jeditable.js"></script>
<script type="text/javascript" src="scripts/DD_roundies_0.0.2a-min.js"></script> 
<link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/tmpStyle.css" rel="stylesheet" type="text/css" />
<link href="styles/pigStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

$(document).ready(function() {
DD_roundies.addRule('.bogoc', '5px', true);
});


$(document).ready(function() {
     $('.editable').editable('http://www.example.com/save.php', {
	 cssclass : '.edittext',
	 });
	 $('.editabletext').editable('http://www.example.com/save.php', {
	 cssclass : '.editabletext',
	 type : 'textarea',
	 })
 });
 
	</script>
</head>
<body>
<div id="all">
  <div id="header">
    <div class="top">
      <input type="text" class="input_search" />
      <input type="button" class="button_search" />
    </div>
    <div class="banner">
      <div id="logo"><img src="images/logo/logo.png" alt="igoal.vn" /></div>
      <div class="w1">
        <div></div>
      </div>
      <div id="slogan">chia sẻ mục tiêu của bạn</div>
    </div>
  </div>
  <div id="acc_contain"> <a class="avatar"><img src="images/avatar.png" alt="" /></a>
    <div class="infomation">
      <div class="title"><b style="float:left">“</b> <div class="editable edittext" style="display:inline">hôm nay buồn buồn sao ý mấy bạn ạ... </div><b>”</b></div>
      <div class="updatetime">Cập nhật cách đây 1 giờ 20 phút</div>
      <div class="icon"> <a class="smiles"></a>
        <div class="w2"></div>
        <a class="contact"></a>
        <div class="w2"></div>
        <a class="friend"></a>
        <div class="w2"></div>
        <a class="support"></a> </div>
    </div>
  </div>
  <div class="w3"></div>
  <style>
  	
  </style>
  <div id="infomation">
    <div id="left">
 		<div class="dashboardTab">
        	<ul>
            	<li>
                	<a href="#" title="Chia sẻ mục tiêu của bạn!" class="d2Goal">MỤC TIÊU</a>
                </li>
                <li>
                	<a href="#" title="Kết nối bạn bè!" class="d2Wall ">TƯỜNG NHÀ</a>
                </li>
                <li>
                	<a href="#" title="Những bài viết hay!" class="d2News selected">CHIA SẺ</a>
                </li>
            </ul>
        </div>
        <div class="clearthis"></div>

        <div class="dashboardBlueBox blueBoxNews">
			<a class="newsSpotImage" href="#"><img src="images/test.png" width="170"/></a>
            <div class="wallNewsArticle spotOnWall">
            	<h1><a href="#">iGoal tung phiên bản con Lợn</a></h1>
                <p>Cuối tuần này, Tottenham và MU sẽ giáp mặt nhau ở Premier League. Dù ở bất kỳ thời điểm nào, đó đều là những cuộc chiến khá hấp dẫn, gay cấn và vô số bàn thắng được ghi.</p>
            </div>
        </div>
        <div class="clearthis"></div>
        <div class="contentHeader">
        	<span class="icon_1 iconYSD"></span><h1>BÀI VIẾT CHIA SẺ</h1>
            <span class="fr"></span>
         </div>   
         
        <div class="wallContainer">
        	<div class="wallActivity">

                <div class="wallNewsArticle wallNewsArticleDetail">
                    <div class="wallActivityContent">
                        <p><a href="#" class="newsTitle">Học tiếng việt với Mr Buzibekistan</a></p>
                        <p class="timeLikeComment onWall">Cập nhật cách đầy 15 phút <a href="#"> &bull; Thích</a><a href="#"> &bull; Ý kiến</a></p>
                        <p class="likeListUser"><a class="entryLikeThisHover" href="#"></a> <a href="#" >Tên Đẹp</a> và <a href="#">5 người khác</a> thích điều này.</p>
                        <div class="clearthis"></div>
                        <p class="tagNews"><span class="bgPos">Tags: </span><a>chia sẻ kiến thức</a><a>tỷ phú</a></p>
                        <div class="contentNews">
                        <!-- Xóa đầu đoạn -->
                       	  <h2>Theo ông Nguyễn Đức Phường, Hội Thiên văn Vũ trụ VN,   &quot;vật thể lạ&quot; trên bầu trời Hà Nội chiều 28/10 là máy bay. Đuôi sáng màu   vàng là do hơi nóng từ động cơ kết hợp với ánh sáng mặt trời phản xạ tạo   nên.</h2>
                            <p>Xem clip được bạn đọc Nguyễn Xuân Vũ gửi tới <em>VnExpress</em>, ông Nguyễn Đức Phường khẳng định ngay đây là máy bay dân dụng. </p>
                            <table bgcolor="#ffff9f" border="0" cellpadding="3" cellspacing="0" width="164">
                              <tbody>
                                <tr>
                                  <td align="center"><a href="http://www.vnexpress.net/GL/Xa-hoi/2010/10/3BA22409/Page_2.asp"><strong>Xem clip vật thể lạ</strong></a></td>
                                </tr>
                              </tbody>
                            </table>
                            <p>Do thời điểm xảy ra vào khoảng 5 giờ chiều, đầu đông   (trời tối nhanh) nên chỉ những vị trí trên cao mới tiếp tục nhận được   ánh sáng mặt trời, trong khi đó những nơi thấp như trên mặt đất hầu như   không còn ánh nắng. Máy bay chở khách thường bay ở độ cao khoảng 10 km,   luồng hơi do máy bay tạo ra tiếp tục nhận được ánh sáng mặt trời, tán xạ   và phản xạ nên chúng ta nhìn rất rõ, đặc biệt là lúc hoàng hôn.</p>
                            <table border="0" cellpadding="3" cellspacing="0" width="1">
                              <tbody>
                                <tr>
                                  <td><img src="http://www.vnexpress.net/Files/Subject/3B/A2/24/09/vat-the-la-1.jpg" alt="Vật thể lạ trên bầu trời Hà Nội chiều 28/10. Ảnh chụp từ clip." height="303" width="480" /></td>
                                </tr>
                                <tr>
                                  <td>Vật thể lạ trên bầu trời Hà Nội chiều 28/10. <em>Ảnh chụp từ clip.</em></td>
                                </tr>
                              </tbody>
                            </table>
                            <p>Cũng theo ông Phường, nếu máy bay bay vào giữa trưa   thì sẽ để lại vệt có màu trắng như mây. Còn tại thời điểm hoàng hôn hay   bình minh mắt thường sẽ thấy màu vàng, hoặc da cam. </p>
                            <p>Cũng theo ông, vệt hơi máy bay được giải phóng ra từ   phần động cơ (chứ không phải là khói). Luồng hơi này có nhiệt độ cao hơn   môi trường xung quanh vì máy bay thường bay ở độ cao khoảng 8-13km, nơi   nhiệt độ có thể xuống đến âm 55 độ C. &quot;Luồng hơi ấm hơn sẽ bị kết tinh,   đóng băng và theo quán tính máy bay đang chuyển động sẽ tạo thành vệt   trên&quot;, ông Phường cho biết.</p>
                            <p>Trong thư gửi đến VnExpress, độc giả Jimmy Hoàng   (Ottawa, Canađa) cho biết, đây là hình ảnh thường thấy tại Canađa, nơi   có không khí lạnh hơn Việt Nam. &quot;Đoạn video vật thể bay lạ ở Hà Nội có   thể khẳng định là hình ảnh chiếc máy bay trên vùng không khí lạnh, khói   thải từ máy bay phát ra ngoài không khí, bị làm lạnh đột ngột ngưng tụ   thành dạng như mây. Màu đỏ của vệt khí kéo dài giống như vệt lửa cháy là   do ánh mặt trời xế chiều chiếu vào&quot;, độc giả Hoàng viết.</p>
                            
                            <!--- Xóa cuối đoạn --->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> <!--end Left-->
    <div id="right">
    	<div class="w6"></div>
    	<div id="goalrank">
        	<div class="title">Thông tin về mục tiêu này</div>
            <div class="rank">Tổng số người thực hiện: <b>1400</b> người<br />
            Tổng số người hoàn thành: <b>375</b> người<br />
            Thời gian trung bình hoàn thành: <b>32</b> ngày<br />
            Tổng số giải pháp đưa ra: <b>500</b> người<br />
            </div>
        </div>
      <div class="question">
        <h1>Cập nhật thông tin cá nhân</h1>
      </div>
      <div id="updateuser" class="bogoc">
        <div class="score2">
        	<div class="scorebar">
            	<div class="left"></div>
                <div class="center" style="width:70px">25% |</div>
                <div class="right"></div>
            </div>
        </div>
        <div class="w6"></div>
        <div class="sharingtip">
          <div class="icontip"></div>
          <div class="tip"><a>Cập nhật các thông tin cơ bản +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm hình đại diện +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm thông tin về sở thích +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Chia sẻ mục tiêu của bạn +<b>15</b>%</a></div></div>
        <div class="w6"></div>
        <div id="hot"> <b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b><br />
          <br />
          iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </div>
      </div>
      <div class="question">
        <h1>Giới thiệu bản thân</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle">
        <div class="icon"></div>
        <div class="editabletext">Tôi 20 tuổi, nhiều hoài bão, ước mơ! Tôi luôn đặt mục tiêu cho bản thân mình để hướng đến và hoàn thiện mình hơn...</div>
        </div>
        <div class="buttom"> </div>
        <div class="question">
          <h1>Danh sách bạn bè <b style="color:#CA4A0C">(18)</b></h1>
          <div class="dem1"><a class="viewall"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r1_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Phan Sang</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r3_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Thanh Liem</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r5_c1.png"></div>
          <div class="infofriend"> <div class="friendname"><a>liembusinessman</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Obama</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r9_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Osama Binladen</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="question">
          <h1>Có thể bạn biết</h1>
          <div class="dem2"><a class="nextframe"></a><a class="prevframe"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Putil olami</a></div>
            <div class="text">Có chung 5 bạn bè</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
